<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="CSS/main.css" rel="stylesheet" type="text/css" />
<title>点评天下</title>
</style>
<script language="javascript">
function switchTag(tag,content)
{
//	alert(tag);
//	alert(content);
	for(i=1; i <6; i++)
	{
		if ("tag"+i==tag)
		{
			document.getElementById(tag).getElementsByTagName("a")[0].className="selectli"+i;
			document.getElementById(tag).getElementsByTagName("a")[0].getElementsByTagName("span")[0].className="selectspan"+i;
		}else{
			document.getElementById("tag"+i).getElementsByTagName("a")[0].className="";
			document.getElementById("tag"+i).getElementsByTagName("a")[0].getElementsByTagName("span")[0].className="";
		}
		if ("content"+i==content)
		{
			document.getElementById(content).className="";
		}else{
			document.getElementById("content"+i).className="hidecontent";
		}
		document.getElementById("content").className=content;
	}
}
</script>
</head>
<body>
<div id="xtop">
  <div class="logo"></div>
  <div class="midTop">
    <h1>城市切换<a href="#" title="苏州">[苏州]</a></h1>
  </div>
  <div class="rightTop">
    <h1>
      <p><a href="#" title="登陆">登陆</a>|<a href="#" title="免费注册">免费注册</a></p>
      <a href="#" title="点餐">点餐</a> <a href="#" title="添加点评">添加点评</a> <a href="#" title="添加商户">添加商户</a> </h1>
  </div>
</div>
<div id="menu">
  <div id="title">
    <ul>
      <li id="tag1"><a href="#" onclick="switchTag('tag1','content1');this.blur();" class="selectli1"><span class="selectspan1">首页</span></a></li>
      <li id="tag2"><a href="#" onclick="switchTag('tag2','content2');this.blur();"><span>美食</span></a></li>
      <li id="tag3"><a href="#" onclick="switchTag('tag3','content3');this.blur();"><span>购物 </span></a></li>
      <li id="tag4"><a href="#" onclick="switchTag('tag4','content4');this.blur();"><span>娱乐</span></a></li>
      <li id="tag5"><a href="#" onclick="switchTag('tag5','content5');this.blur();"><span>生活</span></a></li>
    </ul>
  </div>
  <div id="content" class="content1">
    <div id="content1">
      <select class="whith150" name="美食">
        <option>美食1</option>
        <option>美食2</option>
        <option>美3</option>
        <option>美食4</option>
        <option>美食5</option>
      </select>
      <select class="whith150" name="所有菜系">
        <option>所有菜系</option>
      </select>
      <select class="whith150" name="所有地区">
        <option>所有地区</option>
      </select>
     <button>搜索</button>
    </div>
    <div id="content2" class="hidecontent"></div>
    <div id="content3" class="hidecontent"></div>
    <div id="content4" class="hidecontent"></div>
    <div id="content5" class="hidecontent"></div>
  </div>
</div>
<img src="image/temp1.gif" />
<div id="foot">
<div class="box"><h3><a href="#">关于我们</a>   |  <a href="#">人才招聘</a>   | <a href="#"> 站务论坛</a>   | <a href="#"> 链接及合作</a>   |  <a href="#"> 联系我们</a>   |  <a href="#">网站地图</a></h3></div>
<div class="bg">苏州新宇软件版权所有</div>
</div>
</body>
</html>
